/**
 * Created with JetBrains PhpStorm.
 * User: xuheng
 * Date: 12-8-8
 * Time: 下午2:09
 * To change this template use File | Settings | File Templates.
 */
(function () {
	var me = editor,
			preview = $G( "preview" ),
			preitem = $G( "preitem" ),
			tmps = templates,
			currentTmp;
	var initPre = function () {
		var str = "";
		for ( var i = 0, tmp; tmp = tmps[i++]; ) {
			str += '<div class="preitem" onclick="pre(' + i + ')"><img src="' + "images/" + tmp.pre + '" ' + (tmp.title ? "alt=" + tmp.title + " title=" + tmp.title + "" : "") + '></div>';
		}
		preitem.innerHTML = str;
	};
	var pre = function ( n ) {
		var tmp = tmps[n - 1];
		currentTmp = tmp;
		clearItem();
		domUtils.setStyles( preitem.childNodes[n - 1], {
			"background-color":"lemonChiffon",
			"border":"#ccc 1px solid"
		} );
		preview.innerHTML = tmp.preHtml ? tmp.preHtml : "";
	};
	var clearItem = function () {
		var items = preitem.children;
		for ( var i = 0, item; item = items[i++]; ) {
			domUtils.setStyles( item, {
				"background-color":"",
				"border":"white 1px solid"
			} );
		}
	};
	dialog.onok = function () {
		if ( !$G( "issave" ).checked ){
			me.execCommand( "cleardoc" );
		}
		var obj = {
			html:currentTmp && currentTmp.html
		};
		me.execCommand( "template", obj );
	};
	initPre();
	window.pre = pre;
	pre(2)

})();